/* the main container ofr the menu at the left side of the screen */ 
.menubar {
	left:0; right: 0; top: 0; bottom: 0;
	width: 250px;
	background: #333;
	z-index: 2;
	opacity: 0.85;
}
/* container for menubuttons */ 
.menubutton-container{
	margin-top: 200px ;
	width: 100%;
}
.menubutton-container, .menubar{
	left:0; right: 0; top: 0; bottom: 0;
	height: auto;
}
/* the main style of a menu button */ 
.menubutton, .menubutton > label, .menubutton > .menubutton-border{
	left:0; right:0; 
	width: 100%; 
	cursor: pointer ;
	transition: all 0.35s ;
}
.menubutton{
	position: relative; 	
	margin: 0px ; 
	height: 65px ; 
	text-align: center ;
}
.menubutton > label {
	position: absolute ; 
	margin-top: 23px; 
	color: #ccc; 
	font-size: 17px ;
}
.menubutton:hover > label{ 
	color: #fefefe; 	
}
.menubutton:hover{
	background: #00a0f0;
}
.menubutton > .menubutton-border{
	position: absolute ; 
	height: 2px ;
	margin-top: 63px ; 
	background-image: url('../../graphics/ui/button-border.png');
	opacity: 0.5 ; 
}